Ext.define('MelhorCompra.view.Info', {
    extend: 'Ext.Panel',
    xtype: 'infopanel',

    config: {
        title: 'Form',
        cls: 'info',
        
        scrollable: true,
        styleHtmlContent: true,

        defaults: {
            iconMask: true
        },
        
        items: [{
            xtype: 'toolbar',
            title: 'MelhorCompra',
            docked: 'top',
            items: [{
                xtype: 'button',
                iconCls: 'more',
                action: 'exibirMenuLateral'
            }]
        },{
            xtype: 'toolbar',
            title: 'MelhorCompra',
            docked: 'bottom',
            items: [{
                xtype: 'button',
                iconCls: 'more',
                action: 'exibirMenuLateral'
            }]
        }],

        html: [
            '<div class="shadow"><br/><div style="text-align: center; margin-top: 10px"><img src="resources/img/logo.png"</div>',
            '<h1>Bem-vindo ao MelhorCompra</h1>',
            "<table><tr><td>",
            "<div style='text-align: justify'>MelhorCompra é um aplicativo móvel criado pela equipe <b>MobFacil.com</b> ",
            "que roda em celulares, tablets e, pcs com Google Android, Apple iOS, Google Chrome e Apple Safari.</div>",
            "<div style='text-align: justify'>Tem como objetivo, ajudar na escolha da melhor opção, entre embalagens de um mesmo produto que possuem quantidades diferentes.</div>",
            "<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Facilitar nas escolhas:<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Optar, pelo refrigerante de 3 litros ou o mesmo refrigerante de 2.25 litros?<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Levar o cereal de 700 gramas, ou 2 embalagens de 300 gramas?</span>",
            "<p>&nbsp;</p><span style='color: red'>OBS: Este aplicativo, vai lhe dizer qual a melhor escolha em relação a preço/quantidade fornecidos.</span></td></tr></table>",
            '<table><tr><td><h2><span>Online:</span></h2></td><td><h2>melhorcompra.mobfacil.com</h2></td></tr>',
            '<tr><td><h2><span>Site:</span></h2></td><td><h2>mobfacil.com</h2></td></tr>',
            '<tr><td><h2><span>Contato:</span></h2></td><td><h2>vendas@mobfacil.com</h2></td></tr></table></div>'
        ].join("")
    }
                    
});
